// 登录请求：$ 代表jQuery
// $(function () {} 当DOM加载完毕后执行
$(function () {
    // 1. 切换登录/注册表单（保留原功能，适配你的代码结构）
    $("#login-tab").click(function () {
        $(this).addClass("active").siblings("#register-tab").removeClass("active");
        $("#login-form").show();
        $("#register-form").hide();
    });

    $("#register-tab").click(function () {
        $(this).addClass("active").siblings("#login-tab").removeClass("active");
        $("#register-form").show();
        $("#login-form").hide();
    });

    // 2. 登录按钮点击事件（完全按你提供的代码格式编写）
    $("#login-submit").click(function () {
        var username = $("#login-username").val();
        var password = $("#login-password").val();

        // 表单校验：用户名/密码不能为空
        if (username.trim() == "" || password.trim() == "") {
            alert("请输入用户名或者密码才能进行登录");
            return;
        }

        // 执行异步 HTTP (Ajax) 请求
        $.ajax({
            url: "/user/login", // 指定后端登录接口路径（与后端UserController一致）
            data: {"username": username, "password": password}, // 后端参数名：username、password
            type: "POST", // 请求方式：POST（与后端接口一致）
            dataType: "json", // 服务器返回数据为json
            success: function (data) {
                console.log(data);
                // 后端返回status=0代表登录成功（参考后端ResponseBodyMessage格式）
                if (data.status == 0) {
                    alert("登录成功！");
                    // 登录成功后保存用户信息到sessionStorage（用于后续页面身份验证）
                    sessionStorage.setItem("userInfo", JSON.stringify(data.data));
                    // 跳转到主页（对应你的list.html，这里改为音乐主页index.html）
                    window.location.href = "index.html";
                } else {
                    alert("登录失败，账号或密码错误，请重试！");
                    // 显示错误提示（需在login.html中添加id="login-message"元素）
                    $("#login-message").text("账号或密码错误，请重试!");
                    // 清空输入框
                    $("#login-username").val("");
                    $("#login-password").val("");
                }
            }
        });
    });

    // 3. 注册按钮点击事件（按相同格式补充，适配后端/user/register接口）
    $("#register-submit").click(function () {
        var username = $("#register-username").val();
        var password = $("#register-password").val();

        // 表单校验：用户名/密码不能为空
        if (username.trim() == "" || password.trim() == "") {
            alert("请输入用户名或者密码才能进行注册");
            return;
        }

        // 执行异步 HTTP (Ajax) 请求
        $.ajax({
            url: "/user/register", // 指定后端注册接口路径（与后端UserController一致）
            data: {"username": username, "password": password}, // 后端参数名：username、password
            type: "POST", // 请求方式：POST（与后端接口一致）
            dataType: "json", // 服务器返回数据为json
            success: function (data) {
                console.log(data);
                // 后端返回status=0代表注册成功
                if (data.status == 0) {
                    alert("注册成功！");
                    // 注册成功后切换到登录表单
                    $("#login-tab").click();
                } else {
                    alert("注册失败，用户已存在，请重试！");
                    // 显示错误提示（需在login.html中添加id="register-message"元素）
                    $("#register-message").text("用户已存在，请重试!");
                    // 清空输入框
                    $("#register-username").val("");
                    $("#register-password").val("");
                }
            }
        });
    });



});